<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>Document</title>
</head>
<body>
<div id="app">
    <!-- 当个复选框，绑定到布尔值 -->
    <input type="checkbox" id="checkbox" v-model="checked">
    <label for="checkbox">{{ checked }}</label>
    <hr>

    <!-- 多个复选框，绑定到同一个数组 -->
    <input type="checkbox" value="唱" v-model='arr'>唱歌
    <input type="checkbox" value="跳" v-model='arr'>跳舞
    <input type="checkbox" value="rap" v-model='arr'>rap
    <input type="checkbox" value="篮球" v-model='arr'>篮球
    <input type="checkbox" value="鸡你太美" v-model='arr'>鸡你太美
    {{ arr }}
</div>
</body>
<script src="../vue.js"></script>
<script>
new Vue({
    el:"#app",
    data:{
        checked:true,
        arr: []
    }
})
</script>
</html>